<div class="da-list-wrap">
  <div class="da-content-banner">
    <d-breadcrumb>
      <d-breadcrumb-item><a routerLink="/">{{ 'product.breadcrumb.home' | translate }}</a></d-breadcrumb-item>
      <d-breadcrumb-item>销售工作台</d-breadcrumb-item>
    </d-breadcrumb>
  </div>
  <div class="da-content-wrapper">
    <div class="content">
      <div class="container-left">
        <div class="container-left-header">
          <div class="container-left-header-item">
            <div class="container-left-header-card">
              <div class="container-left-header-card-info">
                <div class="info-img">
                  <svg  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 55 55"><defs><style>.cls-1{fill:none;}.cls-2{clip-path:url(#clip-path);}.cls-3{fill:#7dd2bc;}.cls-4{fill:#fff;}</style><clipPath id="clip-path"><rect class="cls-1" x="3.5" y="2.5" width="50" height="50"/></clipPath></defs><g class="cls-2"><path class="cls-3" d="M16.27,2.54H36.14a5.92,5.92,0,0,1,5.68,6.12,5.92,5.92,0,0,1-5.68,6.12H16.27a5.91,5.91,0,0,1-5.68-6.12,5.91,5.91,0,0,1,5.68-6.12Zm0,0"/><path class="cls-3" d="M9.17,4.58a.81.81,0,0,1,.64,1.15,8.06,8.06,0,0,0,.62,7.11,6.88,6.88,0,0,0,5.84,3.37H36.14A6.9,6.9,0,0,0,42,12.84a8.08,8.08,0,0,0,.61-7.12.82.82,0,0,1,.64-1.14,5.91,5.91,0,0,1,5.68,6.12V45.39a5.91,5.91,0,0,1-5.68,6.12H9.17a5.91,5.91,0,0,1-5.68-6.12V10.7A5.91,5.91,0,0,1,9.17,4.58Zm0,0"/></g><rect class="cls-4" x="6" y="22.05" width="20.23" height="2.73" rx="1.36"/><rect class="cls-4" x="6" y="31.14" width="15.68" height="2.73" rx="1.36"/><rect class="cls-4" x="6" y="39.32" width="10.23" height="2.73" rx="1.36"/><circle class="cls-4" cx="40.77" cy="39.77" r="12.73"/><circle class="cls-3" cx="41.23" cy="40.23" r="10.45"/><rect class="cls-4" x="37.63" y="31.85" width="3.19" height="7.68" rx="1.6" transform="translate(-11.15 19.12) rotate(-24.09)"/><rect class="cls-4" x="40.84" y="34.09" width="7.68" height="3.19" rx="1.6" transform="translate(-6.14 61.91) rotate(-65.91)"/><rect class="cls-4" x="34.41" y="37.95" width="14.55" height="2.73" rx="1.36"/><rect class="cls-4" x="34.41" y="41.59" width="14.55" height="2.73" rx="1.36"/><rect class="cls-4" x="37.26" y="42" width="11.3" height="2.73" rx="1.35" transform="translate(-1.21 87.03) rotate(-90)"/></svg>
                </div>
                <div class="info-text">
                  <div class="info-text-title">
                    本月销售订单额
                  </div>
                  <div class="info-text-amount">
                    较上月
                    <span [ngStyle]="{'color': amountData.saleOrderAmountMonthUpRate >= 0 ? '#7dd2bc' : '#ff4a4f'}">
                      <span *ngIf="amountData.saleOrderAmountMonthUpRate >= 0">+</span>{{amountData.saleOrderAmountMonthUpRate*100 | number:'1.2-2'}}%
                      <i class="icon-arrow-{{amountData.saleOrderAmountMonthUpRate >= 0 ? 'up' : 'down'}}"></i>
                    </span>
                  </div>
                </div>
              </div>
              <div class="container-left-header-card-amount">
                <span style="font-size: 18px;">￥</span>{{this.amountData.monthSaleOrderAmount}}
              </div>
            </div>
          </div>
          <div class="container-left-header-item">
            <div class="container-left-header-card">
              <div class="container-left-header-card-info">
                <div class="info-img">
                  <svg  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 55 55">
                    <defs>
                      <style>
                        .icon-4-cls-1 { fill: none; }
                        .icon-4-cls-2 { clip-path: url(#clip-path); }
                        .icon-4-cls-3 { fill: #ff4a4f; }
                        .icon-4-cls-4 { fill: #fff; }
                      </style>
                      <clipPath id="clip-path">
                        <rect class="icon-4-cls-1" x="4.5" y="2.5" width="45.45" height="49.09" />
                      </clipPath>
                    </defs>
                    <g class="icon-4-cls-2">
                      <path class="icon-4-cls-3" d="M17.27,2.54H37.14a5.92,5.92,0,0,1,5.68,6.12,5.92,5.92,0,0,1-5.68,6.12H17.27a5.91,5.91,0,0,1-5.68-6.12,5.91,5.91,0,0,1,5.68-6.12Zm0,0" />
                      <path class="icon-4-cls-3" d="M10.17,4.58a.81.81,0,0,1,.64,1.15,8.06,8.06,0,0,0,.62,7.11,6.88,6.88,0,0,0,5.84,3.37H37.14A6.9,6.9,0,0,0,43,12.84a8.08,8.08,0,0,0,.61-7.12.82.82,0,0,1,.64-1.14,5.91,5.91,0,0,1,5.68,6.12V45.39a5.91,5.91,0,0,1-5.68,6.12H10.17a5.91,5.91,0,0,1-5.68-6.12V10.7a5.91,5.91,0,0,1,5.68-6.12Zm0,0" />
                    </g>
                    <circle class="icon-4-cls-4" cx="41.77" cy="39.77" r="12.73" />
                    <circle class="icon-4-cls-3" cx="42.23" cy="40.23" r="10.45" />
                    <rect class="icon-4-cls-4" x="38.63" y="31.85" width="3.19" height="7.68" rx="1.6" transform="translate(-11.06 19.53) rotate(-24.09)" />
                    <rect class="icon-4-cls-4" x="41.84" y="34.09" width="7.68" height="3.19" rx="1.6" transform="translate(-5.54 62.82) rotate(-65.91)" />
                    <rect class="icon-4-cls-4" x="35.41" y="37.95" width="14.55" height="2.73" rx="1.36" />
                    <rect class="icon-4-cls-4" x="35.41" y="41.59" width="14.55" height="2.73" rx="1.36" />
                    <rect class="icon-4-cls-4" x="37.26" y="42.76" width="11.3" height="2.73" rx="1.35" transform="translate(-1.21 87.03) rotate(-90)" />
                    <path class="icon-4-cls-4" d="M24.33,27.18l-5.07-5.53a.81.81,0,0,0-1.15,0L13,27.18a.66.66,0,0,0,.58,1.09h2.14v9.11A1.2,1.2,0,0,0,17,38.5h3.33a1.19,1.19,0,0,0,1.26-1.12V28.27h2.14A.66.66,0,0,0,24.33,27.18Z" />
                  </svg>
                </div>
                <div class="info-text">
                  <div class="info-text-title">
                    本月发货额
                  </div>
                  <div class="info-text-amount">
                    较上周
                    <span [ngStyle]="{'color': amountData.saledeliveryAmountMonthUpRate >= 0 ? '#7dd2bc' : '#ff4a4f'}">
                      <span *ngIf="amountData.saledeliveryAmountMonthUpRate >= 0">+</span>{{amountData.saledeliveryAmountMonthUpRate*100 | number:'1.2-2'}}%
                      <i class="icon-arrow-{{amountData.saledeliveryAmountMonthUpRate >= 0 ? 'up' : 'down'}}"></i>
                    </span>
                  </div>
                </div>
              </div>
              <div class="container-left-header-card-amount">
                <span style="font-size: 18px;">￥</span>{{amountData.monthSaleDeliveryAmount}}
              </div>
            </div>
          </div>
          <div class="container-left-header-item">
            <div class="container-left-header-card">
              <div class="container-left-header-card-info">
                <div class="info-img">
                  <svg  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 55 55">
                    <defs>
                      <style>
                        .icon-5-cls-1 { fill: none; }
                        .icon-5-cls-2 { clip-path: url(#clip-path); }
                        .icon-5-cls-3 { fill: #1296db; }
                        .icon-5-cls-4 { fill: #fff; }
                      </style>
                      <clipPath id="clip-path">
                        <rect class="icon-5-cls-1" x="4.5" y="2.5" width="45.45" height="49.09" />
                      </clipPath>
                    </defs>
                    <g class="icon-5-cls-2">
                      <path class="icon-5-cls-3" d="M17.27,2.54H37.14a5.92,5.92,0,0,1,5.68,6.12,5.92,5.92,0,0,1-5.68,6.12H17.27a5.91,5.91,0,0,1-5.68-6.12,5.91,5.91,0,0,1,5.68-6.12Zm0,0" />
                      <path class="icon-5-cls-3" d="M10.17,4.58a.81.81,0,0,1,.64,1.15,8.06,8.06,0,0,0,.62,7.11,6.88,6.88,0,0,0,5.84,3.37H37.14A6.9,6.9,0,0,0,43,12.84a8.08,8.08,0,0,0,.61-7.12.82.82,0,0,1,.64-1.14,5.91,5.91,0,0,1,5.68,6.12V45.39a5.91,5.91,0,0,1-5.68,6.12H10.17a5.91,5.91,0,0,1-5.68-6.12V10.7a5.91,5.91,0,0,1,5.68-6.12Zm0,0" />
                    </g>
                    <circle class="icon-5-cls-4" cx="41.77" cy="39.77" r="12.73" />
                    <circle class="icon-5-cls-3" cx="42.23" cy="40.23" r="10.45" />
                    <rect class="icon-5-cls-4" x="38.63" y="31.85" width="3.19" height="7.68" rx="1.6" transform="translate(-11.06 19.53) rotate(-24.09)" />
                    <rect class="icon-5-cls-4" x="41.84" y="34.09" width="7.68" height="3.19" rx="1.6" transform="translate(-5.54 62.82) rotate(-65.91)" />
                    <rect class="icon-5-cls-4" x="35.41" y="37.95" width="14.55" height="2.73" rx="1.36" />
                    <rect class="icon-5-cls-4" x="35.41" y="41.59" width="14.55" height="2.73" rx="1.36" />
                    <rect class="icon-5-cls-4" x="37.26" y="42.76" width="11.3" height="2.73" rx="1.35" transform="translate(-1.21 87.03) rotate(-90)" />
                    <path class="icon-5-cls-4" d="M21.41,28.89H15.5L18,25.63a.77.77,0,0,0,.14-.49.88.88,0,0,0-.14-.49L16.72,23A.44.44,0,0,0,16,23l-5.23,6.91a1.13,1.13,0,0,0-.19.38,1.4,1.4,0,0,0-.06.43,1.61,1.61,0,0,0,.06.44,2.25,2.25,0,0,0,.19.38L16,38.47a.47.47,0,0,0,.37.2.5.5,0,0,0,.37-.2L18,36.82a.9.9,0,0,0,.11-.22.84.84,0,0,0,0-.27.78.78,0,0,0,0-.26,1,1,0,0,0-.11-.23l-2.47-3.26h4.34c.49,0,.87.52.87,1.15v6.08a.91.91,0,0,0,.15.49.53.53,0,0,0,.37.2H23a.5.5,0,0,0,.37-.2.82.82,0,0,0,.16-.49V31.66a3.68,3.68,0,0,0-1.18-2.31A2.43,2.43,0,0,0,21.41,28.89Z" />
                  </svg>
                </div>
                <div class="info-text">
                  <div class="info-text-title">
                    本月退货额
                  </div>
                  <div class="info-text-amount">
                    较上月
                    <span [ngStyle]="{'color': amountData.salereturnAmountMouthUpRate < 0 ? '#7dd2bc' : '#ff4a4f'}">
                      <span *ngIf="amountData.salereturnAmountMouthUpRate >= 0">+</span>{{amountData.salereturnAmountMouthUpRate*100 | number:'1.2-2'}}%
                      <i class="icon-arrow-{{amountData.salereturnAmountMouthUpRate > 0 ? 'up' : 'down'}}"></i>
                    </span>
                  </div>
                </div>
              </div>
              <div class="container-left-header-card-amount">
                <span style="font-size: 18px;">￥</span>{{amountData.monthSaleReturnAmount}}
              </div>
            </div>
          </div>
          <div class="container-left-header-item">
            <div class="container-left-header-card">
              <div class="container-left-header-card-info">
                <div class="info-img">
                  <svg id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 55 55">
                    <defs>
                      <style>
                        .icon-6-cls-1 { fill: none; }
                        .icon-6-cls-2 { fill: #fff; }
                        .icon-6-cls-3 { clip-path: url(#clip-path); }
                        .icon-6-cls-4 { fill: #fdba54; }
                        .icon-6-cls-5 { fill: #ffde8d; }
                      </style>
                      <clipPath id="clip-path">
                        <rect class="icon-6-cls-1" x="2.5" y="2.5" width="50" height="50" />
                      </clipPath>
                    </defs>
                    <path class="icon-6-cls-2" d="M21.41,28.89H15.5L18,25.63a.77.77,0,0,0,.14-.49.88.88,0,0,0-.14-.49L16.72,23A.44.44,0,0,0,16,23l-5.23,6.91a1.13,1.13,0,0,0-.19.38,1.4,1.4,0,0,0-.06.43,1.61,1.61,0,0,0,.06.44,2.25,2.25,0,0,0,.19.38L16,38.47a.47.47,0,0,0,.37.2.5.5,0,0,0,.37-.2L18,36.82a.9.9,0,0,0,.11-.22.84.84,0,0,0,0-.27.78.78,0,0,0,0-.26,1,1,0,0,0-.11-.23l-2.47-3.26h4.34c.49,0,.87.52.87,1.15v6.08a.91.91,0,0,0,.15.49.53.53,0,0,0,.37.2H23a.5.5,0,0,0,.37-.2.82.82,0,0,0,.16-.49V31.66a3.68,3.68,0,0,0-1.18-2.31A2.43,2.43,0,0,0,21.41,28.89Z" />
                    <g class="icon-6-cls-3">
                      <path class="icon-6-cls-4" d="M6.57,41.19,22.75,25l2.43,2.43L8.7,43.92a26.07,26.07,0,0,1-2.13-2.73ZM2.51,26.37,13.3,15.61,15.72,18l-13,13a24.53,24.53,0,0,1-.22-4.61ZM11,46.22,46.28,11A25,25,0,0,1,11,46.22ZM3.35,20.93A24.8,24.8,0,0,1,8.7,11L11,13.3Zm.2,13.83L18,20.32l2.43,2.43L4.93,38.24a27.38,27.38,0,0,1-1.38-3.48Zm0,0" />
                      <path class="icon-6-cls-5" d="M44,8.72a25,25,0,0,0-33,0L27.48,25.17Zm0,0" />
                    </g>
                  </svg>
                </div>
                <div class="info-text">
                  <div class="info-text-title">
                    本月交付率
                  </div>
                  <div class="info-text-amount">
                    较上月
                    <span [ngStyle]="{'color': amountData.monthSaleDeliveryRateUpRate >= 0 ? '#7dd2bc' : '#ff4a4f'}">
                      <span *ngIf="amountData.monthSaleDeliveryRateUpRate >= 0">+</span>{{amountData.monthSaleDeliveryRateUpRate*100 | number:'1.2-2'}}%
                      <i class="icon-arrow-{{amountData.monthSaleDeliveryRateUpRate >= 0 ? 'up' : 'down'}}"></i>
                    </span>
                  </div>
                </div>
              </div>
              <div class="container-left-header-card-amount">
                {{amountData.monthSaleDeliveryRate*100 | number:'1.2-2'}} <span style="font-size: 18px;">%</span>
              </div>
            </div>
          </div>
        </div>
        <div class="container-left-tatal">
          <div class="tatal-left">
            <div class="tatal-left-text">
              <span>总销售额</span> <span>￥{{amountData.totalSaleOrderAmount}}</span>
            </div>
          </div>
          <div class="tatal-right">
            <div class="tatal-right-text">
              <span>总发货额</span> <span>￥{{amountData.totalSaleDeliveryAmount}}</span>
            </div>
          </div>
        </div>
        <div class="container-left-banner">
          <div class="banner-body">
            <div class="title">
              待办事项 <span style="color: #999;">({{todoList.allCount}})</span>
            </div>
            <div class="body">
              <div class="body-item">
                <div class="body-item-img">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0  75 75">
                    <defs>
                      <style>
                        .class-1 { fill: #3dd5bb; }
                        .class-2 { fill: #9fffe8; }
                        .class-3 { fill: #fff; }
                      </style>
                    </defs>
                    <path class="class-1" d="M48.93,6.4a8.1,8.1,0,0,1,8,8.14l-.22,21.67a17.66,17.66,0,0,0-29.81,13,18.68,18.68,0,0,0,1.87,8,16.17,16.17,0,0,0,5.28,6.27L17,63.6a8.1,8.1,0,0,1-8-8.14V14.54A8,8,0,0,1,17,6.4ZM27.37,29.5H18.9a2.09,2.09,0,0,0-1.43.55,2.3,2.3,0,0,0-.44.66,2.75,2.75,0,0,0,0,1.54,2.3,2.3,0,0,0,.44.66,1.6,1.6,0,0,0,1.43.77h8.47a2.09,2.09,0,0,0,2.09-2.09,2.16,2.16,0,0,0-2.09-2.09ZM47.61,18.61H18.9a2.09,2.09,0,1,0,0,4.18H47.61a2.09,2.09,0,1,0,0-4.18Zm0,0"/>
                    <circle class="class-2" cx="45" cy="50" r="14"/>
                    <path class="class-1" d="M43.29,51.15V48.77a4.91,4.91,0,1,1,3.93,0v2.38h4.41a2.45,2.45,0,0,1,2.46,2.45v2.46H36.42V53.6a2.45,2.45,0,0,1,2.45-2.45ZM36.42,57H54.09v2H36.42Zm0,0"/>
                    <path class="class-3" d="M54.09,56.06H36.42v1H54.09Zm0,0"/>
                  </svg>
                </div>
                <div class="body-item-title">
                  订单审批
                </div>
                <div class="body-item-content">
                  有 <a class="devui-link" style="text-decoration: underline;">{{todoList.saleOrderCount}}</a>单待审批
                </div>
              </div>
              <div class="body-item">
                <img class="body-img" src="../../../../assets/img/icon/箭头.png" alt="">
              </div>
              <div class="body-item">
                <div class="body-item-img">
                  <svg id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 65 65">
                    <defs>
                      <style>
                        .class3-cls-1 { fill: #ffde8d; }
                        .class3-cls-2 { fill: #fdba54; }
                        .class3-cls-3 { fill: #fff; }
                      </style>
                    </defs>
                    <path class="class3-cls-1" d="M49.1,37.52c0,2.42.56,3.16,1.12,3.9a3.14,3.14,0,0,1,.74,2,12,12,0,0,1-1.49,4.56h6.89a13.08,13.08,0,0,1-1.49-4.56,2.94,2.94,0,0,1,.74-2c.56-.74,1.12-1.48,1.12-3.9a4,4,0,0,0-6.7-2.8,5.53,5.53,0,0,0-.93,2.8ZM60.92,49.15H44.26a1.47,1.47,0,0,0-1.58,1.3V54a1.47,1.47,0,0,0,1.58,1.3H60.92A1.47,1.47,0,0,0,62.5,54V50.54a1.42,1.42,0,0,0-1.58-1.39Zm0,0"/>
                    <path class="class3-cls-2" d="M52.45,31.28l.56-5a3.07,3.07,0,0,0-.1-1.31,6.4,6.4,0,0,0-.65-1.11L43.7,15.18a3.45,3.45,0,0,0-.93-.65,2.51,2.51,0,0,0-1.21-.28H19a4.31,4.31,0,0,0-1.12.19,3.24,3.24,0,0,0-.93.65L8.43,23.84A2.21,2.21,0,0,0,7.78,25a2.23,2.23,0,0,0-.28,1.31l2.88,26.33a3.22,3.22,0,0,0,.94,1.86,3,3,0,0,0,1.95.75H40.63a2.92,2.92,0,0,1-.28-1.3V50.36a3.82,3.82,0,0,1,3.91-3.63h3.16a10.11,10.11,0,0,0,1.21-3.54c0-.09,0-.18-.28-.56-.83-1-1.58-2.32-1.58-5.3a5.84,5.84,0,0,1,1.68-4.19,6.74,6.74,0,0,1,4-1.86ZM34.89,34.55l.33,9.78-.66-1.06,1-3.94c-.48,1.86-1,3.94-1,3.94s.13-.5.17-.7c.23-1.06-.14-2.74-2.75-5.52H27v2.7c0,.28-.18.37-.46.28L20.25,36.4c-.28-.09-.28-.37,0-.47l6.33-3.63a.31.31,0,0,1,.46.28v2.7H32q5,6,5.58,5.59T34.89,34.55ZM10.48,26,19,18h22.7l8.47,8Zm0,0"/>
                    <rect class="class3-cls-2" x="16.11" y="30.44" width="23.22" height="16.11"/>
                    <rect class="class3-cls-3" x="23.27" y="39.1" width="4.86" height="11.46" rx="1.3"/>
                    <path class="class3-cls-3" d="M24.93,32.92l-4,6.21a.91.91,0,0,0,.76,1.4h7.93a.91.91,0,0,0,.77-1.4l-4-6.21A.91.91,0,0,0,24.93,32.92Z"/>
                  </svg>
                </div>
                <div class="body-item-title">
                  发货单处理
                </div>
                <div class="body-item-content">
                  有 <a class="devui-link" style="text-decoration: underline;">{{todoList.saleDeliveryCount}}</a>条发货单待处理
                </div>
              </div>
              <div class="body-item">
                <img class="body-img" src="../../../../assets/img/icon/箭头.png" alt="">
              </div>
              <div class="body-item">
                <div class="body-item-img">
                  <svg  xmlns="http://www.w3.org/2000/svg" viewBox="0 0  65 65">
                    <defs>
                      <style>
                        .class4-cls-1 { fill: #b475af; }
                        .class4-cls-2 { fill: #dba9cc; }
                      </style>
                    </defs>
                    <path class="class4-cls-1" d="M49.1,37.75c0,2.42.56,3.16,1.12,3.9a3.14,3.14,0,0,1,.74,2,12,12,0,0,1-1.49,4.56h6.89a13.15,13.15,0,0,1-1.49-4.56,2.94,2.94,0,0,1,.74-2c.56-.74,1.12-1.48,1.12-3.9A4,4,0,0,0,50,35a5.53,5.53,0,0,0-.93,2.8ZM60.92,49.38H44.26a1.47,1.47,0,0,0-1.58,1.3v3.54a1.47,1.47,0,0,0,1.58,1.3H60.92a1.47,1.47,0,0,0,1.58-1.3V50.77a1.42,1.42,0,0,0-1.58-1.39Zm0,0"/>
                    <path class="class4-cls-2" d="M52.45,31.51l.56-5a3,3,0,0,0-.1-1.3,6.4,6.4,0,0,0-.65-1.11L43.7,15.41a3.24,3.24,0,0,0-.93-.65,2.51,2.51,0,0,0-1.21-.28H19a4.31,4.31,0,0,0-1.12.19,3.24,3.24,0,0,0-.93.65L8.43,24.07a2.17,2.17,0,0,0-.65,1.11,2.22,2.22,0,0,0-.28,1.3l2.88,26.34a3.22,3.22,0,0,0,.94,1.86,3,3,0,0,0,1.95.75H40.63a3,3,0,0,1-.28-1.31V50.59A3.82,3.82,0,0,1,44.26,47h3.16a10.11,10.11,0,0,0,1.21-3.54c0-.09,0-.18-.28-.56-.83-1-1.58-2.32-1.58-5.3a5.84,5.84,0,0,1,1.68-4.19,6.74,6.74,0,0,1,4-1.86ZM32,46.59h-8.1a1,1,0,0,1,0-2.05H32a3.57,3.57,0,0,0,3.62-3.63A3.63,3.63,0,0,0,32,37.28H27V40c0,.28-.18.37-.46.28l-6.33-3.63c-.28-.09-.28-.37,0-.47l6.33-3.63a.31.31,0,0,1,.46.28v2.7H32a5.6,5.6,0,0,1,5.58,5.59A5.52,5.52,0,0,1,32,46.59ZM10.48,26.21l8.47-8h22.7l8.47,8Zm0,0"/>
                  </svg>
                </div>
                <div class="body-item-title">
                  退货单处理
                </div>
                <div class="body-item-content">
                  有 <a class="devui-link" style="text-decoration: underline;">{{todoList.saleReturnCount}}</a>退货单待处理
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="container-left-footer">
          <div class="footer-content">
            <div class="title">
              销售额统计
            </div>
            <div class="content" id="xiaoshoue" >
            </div>
          </div>
        </div>
      </div>
      <div class="container-right">
        <div class="container-right-header card">
          <div class="container-right-header-title">
            快捷方法
          </div>
          <div class="container-right-header-content">
            <div class="container-right-header-content-item" [routerLink]="'/pages/sales-master/sales-quotation-order'">
              <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-shouhoufeiyongshenqing" class="icon-use"></use>
              </svg>
              <div class="icon-title">销售报价单</div>
            </div>
            <div class="container-right-header-content-item" [routerLink]="'/pages/sales-master/sales-order'">
              <svg xmlns="http://www.w3.org/2000/svg" width="70" height="70" viewBox="0 0 70 70">
                <defs>
                  <style>
                    .icon-2-cls-1 {
                      fill: #b475af;
                    }
                    .icon-2-cls-2 {
                      fill: #dba9cc;
                    }
                    .icon-2-cls-3 {
                      fill: #fff;
                    }
                  </style>
                </defs>
                <g>
                  <path class="icon-2-cls-1" d="M49.63,6.56a8,8,0,0,1,7.92,8.09L57.33,36.2C38.82,19.89,16,48,35,63.33l-16.82.11a8,8,0,0,1-7.93-8.09V14.65a8,8,0,0,1,7.93-8.09Zm-21.28,23H20c-2.74,0-2.44,4,0,4.16h8.36a2.07,2.07,0,0,0,2.06-2.08,2.14,2.14,0,0,0-2.06-2.08Zm20-10.83H20a2.08,2.08,0,0,0,0,4.16H48.32a2.08,2.08,0,0,0,0-4.16Zm0,0"/>
                  <path class="icon-2-cls-2" d="M59.78,49.42c-.32,18.69-27.7,18.69-28,0C32.09,30.73,59.46,30.73,59.78,49.42Z"/>
                  <path class="icon-2-cls-3" d="M48.08,42.94l4,5c-.25.07-10.64,10.18-10.77,9.45-.29-.06-4.21.52-4.29.07-.4-.13.75-4.25.73-4.54-.48-.54,10.14-9.47,10.38-9.94Zm0,0"/>
                  <path class="icon-2-cls-3" d="M51.8,41.9c1.43,1.9,3.49,3.33.82,5.39l-3.95-5c.88-1,2.12-1.61,3.13-.42Zm0,0"/>
                </g>
              </svg>
              <div class="icon-title">销售订单</div>
            </div>
            <div class="container-right-header-content-item" [routerLink]="'/pages/sales-master/sales-Invoice'">
              <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-fahuodan
                "></use>
              </svg>
              <div  class="icon-title">销售发货单</div>
            </div>
            <div class="container-right-header-content-item" [routerLink]="'/pages/sales-master/sales-return-order'">
              <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-tuihuodan"></use>
              </svg>
              <div class="icon-title">销售退货单</div>
            </div>
            <div class="container-right-header-content-item" [routerLink]="'/pages/basicdata/customer'">

              <svg xmlns="http://www.w3.org/2000/svg" width="70" height="70" viewBox="0 0 70 70" class="icon">
                <defs>
                  <style>
                    .icon-1-cls-1 {
                      fill: #1296db;
                    }
                    .icon-1-cls-2 {
                      fill: #fff;
                    }
                  </style>
                </defs>
                <g>
                  <path class="icon-1-cls-1" d="M49.63,6.56a8,8,0,0,1,7.92,8.09L57.33,36.2C38.82,19.89,16,48,35,63.33l-16.82.11a8,8,0,0,1-7.93-8.09V14.65a8,8,0,0,1,7.93-8.09Zm-21.28,23H20c-2.74,0-2.44,4,0,4.16h8.36a2.07,2.07,0,0,0,2.06-2.08,2.14,2.14,0,0,0-2.06-2.08Zm20-10.83H20a2.08,2.08,0,0,0,0,4.16H48.32a2.08,2.08,0,0,0,0-4.16Zm0,0"/>
                  <path class="icon-1-cls-1" d="M60,49.07c-.31,18.7-27.69,18.69-28,0C32.34,30.38,59.71,30.38,60,49.07Z"/>
                  <path class="icon-1-cls-2" d="M47.49,48.84a4.64,4.64,0,1,0-2.94,0c-3.28.66-6.26,3.44-6.26,6.8A2.7,2.7,0,0,0,41,58.35h10a2.7,2.7,0,0,0,2.7-2.71c0-3.36-3-6.14-6.26-6.8Zm0,0"/>
                </g>
              </svg>

              <div class="icon-title">客户管理</div>
            </div>

          </div>
        </div>
        <div class="p-15">
          <div class="container-right-body card">
            <div class="container-right-body-title">
              交付情况 <span style="color: #999; font-size: 16px;">(单据)</span>
            </div>
            <div class="container-right-body-content" id="jiaofu" style="overflow: visible;">
            </div>
          </div>
        </div>
        <div class="p-15">
          <div class="container-right-foot card">
            <div class="container-right-foot-title">
              售后情况
            </div>
            <div class="container-right-foot-content" id="afterSalesChart" style="overflow: visible;">

            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
